@charset "utf-8";
/* CSS Document */
/* public */
*{border:0;margin:0;padding:0;list-style:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
html,body{width:100%;height:100%;margin:0 auto;padding:0;border:0;font-family:"微软雅黑";font-size:12px;max-width:750px;position:relative;}
.box{width:100%;overflow:hidden;position:relative;}
.t_c{text-align:center !important;}
.background_white{background:#fff !important;}
.padding_bottom02{padding-bottom:44px !important;}
.padding_bottom03{padding-bottom:80% !important;}
.padding_bottom{padding-bottom:30% !important;}
.nav_background{background:#393a3f !important;}
.main_background{background:#e7381b !important;}
.main_background02{background:#fbf4ce !important;}
.no_border{border:0 !important;}
.no_padding{padding:0 !important;}
.no_pt{padding-top:0 !important;}
.font_red{color:#e7381b !important;}
.bg_orange{background:#fee797 !important;}
.f_l{float:left !important;}
.f_r{float:right !important;}
.top{width:100%;overflow:hidden;position:absolute;left:0;top:0;display:none;}
.top_02{width:100%;overflow:hidden;position:absolute;left:0;top:0;}
.top img,.top_02 img{width:100%;}
.center{width:90%;padding:45% 5% 0 5%;overflow:hidden;}
.center_p{padding-top:48%;}
.c_b{width:84%;overflow:hidden;padding:17% 8% 0 8%;border-radius:0 0 20px 20px;margin-top: -5px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
a{text-decoration:none;}
em,i{font-style:normal;}
.no_margin{margin:0 !important;}
.c_r{width:84%;overflow:hidden;border-radius:0 0 20px 20px;padding:15% 8% 0 8%;}
.font_ye{color:#e7851b !important;}
.guang{position:absolute;top:-20%;left:-25%;overflow:hidden;width:150%;height:48%;z-index:-2;}
.guang img{width:100%;}

/* nav */


/* 绑定手机 */
.title{width:100%;font-size:20px;font-weight:normal;text-align:center;margin-bottom:10%;}
.bind{width:100%;overflow:hidden;}
.item{width:100%;overflow:hidden;margin-bottom:10%;text-align:center;}
.item input{height:40px;line-height:40px;font-size:15px;}
.iphone{width:95%;padding-left:5%;border-radius:5px;}
.rubik_btn{text-align:center;color:#fff;border-radius:0 5px 5px 0;width:35%;}
.code{width:95%;border-radius:5px;padding-left:5%;}
.btn{padding:0 15%;color:#fff;font-size:15px;line-height:40px;border-radius:5px;height:40px;display:inline-block;}

/* 充值记录 */
.recharge{width:100%;overflow:hidden;}
.recharge li{width:100%;border-bottom:1px dashed #fff;overflow:hidden;}
.recharge li span{display:inline-block;float:left;font-size:15px;line-height:40px;color:#e7381b;}
.recharge li em{display:inline-block;float:right;font-size:15px;line-height:40px;color:#000;}

/* 代理 */
.agent{width:100%;margin-top:10px;overflow:hidden;}
.agent img{width:100%;}
.agent_p{width:100%;font-size:20px;line-height:40px;}

/* 代理详情 */
.agent_ul{width:100%;overflow:hidden;}
.agent_ul li{width:100%;overflow:hidden;border-bottom:1px solid #d3d3d3;}
.agent_ul li a{display:inline-block;width:100%;height:100%;background:url(/bao/images/arrow_r.png) no-repeat right center;background-size:10px;}
.agent_ul li span{display:inline-block;float:left;font-size:15px;line-height:40px;color:#000;}
.agent_ul li .t_01{background:url(/bao/images/title01.png) no-repeat left center;background-size:25px;padding-left:50px; }
.agent_ul li .t_02{background:url(/bao/images/title02.png) no-repeat left center;background-size:25px;padding-left:50px; }
.agent_ul li .t_03{background:url(/bao/images/title03.png) no-repeat left center;background-size:25px;padding-left:50px; }
.a_1{background:url(/bao/images/title01.png) no-repeat left center;display:inline-block;background-size:30px;line-height:40px;padding-left:40px;}
.a_2{background:url(/bao/images/title02.png) no-repeat left center;display:inline-block;background-size:30px;line-height:40px;padding-left:40px;}
.a_3{background:url(/bao/images/title03.png) no-repeat left center;display:inline-block;background-size:30px;line-height:40px;padding-left:40px;}

/* 拼手气 */
.fight{width:100%;overflow:hidden;padding-bottom:15px;}
.fight span{display:inline-block;float:left;font-size:15px;color:#e7381b;margin-top:15px;width:20%;text-align:center;}
.b_r{border-radius:20px;margin-top:15px;}
.t_p{padding-top:15px;}
.fight_box{text-align:center;overflow:hidden;}
.fight_box span{overflow:hidden;display:inline-block;float:inherit;width:45px;height:45px;background:#febeb4;border-radius:100%;margin-right:3.2%;line-height:45px;text-align:center;position:relative;}
.w_padding{padding:15% 5% 0 5%;width:90%;}
.fight_box span em{display:none;}
.fight_box span img{width:40px;position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-14px;}
.fight_box span img{
    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotateY(0deg);}
    to {-webkit-transform: rotateY(360deg);}
}
.fight_box .no_m_r{margin-right:0;}
.cb_p{padding:0 5%;width:90%;}
.fight_box .span_change{background:#e7381b;}
.fight_box .span_change img{display:none;}
.fight_box .span_change em{display:inline-block;width:100%;height:100%;line-height:45px;color:#fff;text-align:center;font-size:15px;}
@media (min-width:375px){
    .fight_box span{overflow:hidden;display:inline-block;float:inherit;width:50px;height:50px;background:#febeb4;border-radius:100%;margin-right:4.3%;position:relative;}
    .fight_box span img{width:45px;position:absolute;left:50%;top:50%;margin-left:-22.5px;margin-top:-15.5px;}
    .fight_box .span_change em{display:inline-block;width:100%;height:100%;line-height:50px;color:#fff;text-align:center;font-size:15px;}
}

/* 个人中心 */
.personal{width:100%;overflow:hidden;}
.personal li{width:33.3%;overflow:hidden;float:left;}
.personal li span{display:block;text-align:center;width:100%;font-size:15px;color:#000;margin-bottom:10px;}
.personal_box{width:100%;overflow:hidden;}
.personal_box li{border-bottom:1px solid #dbdbdb;padding:10px 0;overflow:hidden;}
.personal_box li span{display:inline-block;float:left;font-size:15px;color:#000;line-height:30px;}
.personal_box li .info{display:inline-block;float:right;font-size:15px;color:#000;line-height:30px;padding:0 5px;border-radius:5px;background:#fec601;color:#fff;}
.bg01{background:url(/bao/images/agent01.png) no-repeat left center;background-size:20px;padding-left:30px;}
.bg02{background:url(/bao/images/red.png) no-repeat left center;background-size:20px;padding-left:30px;}
.bg03{background:url(/bao/images/jin.png) no-repeat left center;background-size:20px;padding-left:30px;}
.bg04{background:url(/bao/images/jin02.png) no-repeat left center;background-size:20px;padding-left:30px;}
.bg05{background:url(/bao/images/person.png) no-repeat left center;background-size:20px;padding-left:30px;}
.r_aroow{width:100%;height:100%;background:url(/bao/images/arrow_r02.png) no-repeat right center;float:right;background-size:contain;display:inline-block;background-size:10px;}



/*抢红包*/
.red_envelope{margin-top: -30px;}
.red_envelope li{float: left;width: 50%; height: 130px;background: url(/bao/images/red_bg.png) no-repeat center center;}
.red_envelope li a{display:block;width:120%;height:100%;overflow:hidden;color:#000;}
.red_envelope li h3{font-size: 14px;margin-top: 28px;font-weight: bold;}
.red_envelope li h4{font-size: 12px;margin: 0px;}
.red_envelope .list{margin-bottom: 30px;}


